<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<link rel=stylesheet type="text/css" href="Public/js/sfq/css/css.css" />
<script type="text/javascript" src="Public/js/jquery-1.7.js"></script>
<script type="text/javascript" src="Public/js/sfq/js/jquery.easyAccordion.js"></script>
 <literal>
<script>
$(document).ready(function () {					
	$('#accordion-1').easyAccordion({ 
			autoStart: false,
			//slideInterval: 3000,
			slideNum:false	
	});
		

});
</script>
 </literal>
 <style>
#accordion-1{width:700px;height:230px;padding:30px;background:#CFCFC5;border:1px solid #fff;margin:0 auto;}
#accordion-1 dl{width:700px;height:230px}	
#accordion-1 dt{width:100px;height:40px;line-height:40px;text-align:center;padding:0 15px 0 0;font-size:1.1em;font-weight:bold;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;background:#FFF url(Public/js/sfq/images/bg-silig-def.png) 2% 70% no-repeat;color:#505140}
#accordion-1 dt.active{cursor:pointer;color:#fff;background:url(Public/js/sfq/images/bg-slide-nav.png) 0 0 no-repeat}
#accordion-1 dt.hover{color:#68889b;}
#accordion-1 dt.active.hover{color:#fff}
#accordion-1 dd{padding:25px;background:url(Public/js/sfq/images/bg-silig-def.png) bottom left repeat-x;border:1px solid #dbe9ea;border-left:0;margin-right:3px}
#accordion-1 .slide-number{color:#68889b;left:10px;font-weight:bold}
#accordion-1 .active .slide-number{color:#fff;}
#accordion-1 a{color:#68889b}
#accordion-1 dd img{float:right;margin:0 0 0 30px;}
#accordion-1 h2{font-size:2.5em;margin-top:10px}
#accordion-1 .more{padding-top:10px;display:block}


.mainIndex{
	width:900px;height:200px;text-align:center;
}
 </style>
</head>
<body>
<div class="mainIndex">
	<div>
		<img src="Public/image/logo1.gif">
	</div>
	<div class="sample">
			        <div id="accordion-1">
			            <dl>
			                <dt>公司简介</dt>
			                <dd><h2></h2><p>公司简介说明文字</p></dd>
			                <dt>成品展示</dt>
			                <dd><h2></h2><p>产品展示说明文字,点击进入-产品展示页面</p></dd>
			                <dt>服务内容</dt>
			                <dd><h2></h2><p>主要为客户提供哪些服务</p></dd>
			                <dt>联系我们</dt>
			                <dd><h2></h2><p>联系方式--比如:公司地址等</p></dd>
			            </dl>
			        </div>
				</div>
</div>

</body>
</html>